.Title {
	text-align: center;
	position: relative;
	z-index: 9;
}

.Title h3 {
	font-size: 30px;
	font-weight: normal;
	color: #333;
}

.Title h3 a {
	color: #333;
}

.Title h3 a img {
	width: 19px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.Title h3 img {
	width: 19px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.Title p {
	font-size: 18px;
	color: #999;
	margin-top: 10px;
}

.Title p i {
	width: 70px;
	height: 1px;
	display: inline-block;
	background-color: #dedede;
	vertical-align: middle;
	margin: 0 15px;
}

.Title02 h3 {
	color: #fff;
}

.Title02 p {
	color: #fff;
}

.Title02 p i {
	background-color: #fff;
}

.BannerCon {
	position: relative;
	overflow: hidden;
}

.banner-wrap {
	width: 100%;
	height: 600px;
	position: relative;
}

.banner-box {
	height: 600px;
	position: relative;
}

.banner-box ul li {
	width: 100%;
	height: 600px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}

.banner-box ul li a {
	display: block;
}

.banner-box ul li img {
	width: 1920px;
	height: 600px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.btm-circle {
	width: 100%;
	height: 24px;
	position: absolute;
	bottom: 30px;
	left: 0;
	text-align: center;
}

.btm-circle span {
	display: inline-block;
	width: 45px;
	height: 3px;
	position: relative;
	z-index: 9;
	cursor: pointer;
}

.btm-circle span:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: solid 1px #043985;
	position: absolute;
	left: 4px;
	top: 4px;
	border-radius: 50%;
}

.btm-circle span.cur:before {
	background-color: #043985;
}

.banner-wrap span.btn {
	display: block;
	width: 98px;
	height: 74px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	top: 50%;
	z-index: 9;
	cursor: pointer;
	margin-top: -37px;
	display: none;
}

.BannerCon .banner-wrap:hover .btn {
	display: block;
}

.banner-wrap span.btn:hover {
	background-color: #043985;
}

.banner-wrap span.l-btn {
	left: 3%;
}

.banner-wrap span.r-btn {
	right: 3%;
}

.banner-wrap span.btn:before {
	content: '';
	display: block;
	width: 46px;
	height: 17px;
	background: url(../img/Index/icons.png) no-repeat;
	position: absolute;
	left: 26px;
	top: 28px;
}

.banner-wrap span.l-btn:before {
	background-position: -55px -5px;
}

.banner-wrap span.r-btn:before {
	background-position: -5px -5px;
}

.Process {
	padding: 50px 0;
}

.CustomerChoice {
	padding: 70px 0;
	background-color: #f1f1f1;
}

.CustomerChoice-Bot ul {
	width: 1230px;
	margin-left: -30px;
}

.CustomerChoice-Bot ul li {
	width: 380px;
	text-align: center;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}

.CustomerChoice-Bot ul li span {
	width: 380px;
	height: 303px;
	display: block;
	overflow: hidden;
}

.CustomerChoice-Bot ul li span img {
	width: 380px;
	height: 303px;
	display: block;
	transition: .8s;
}

.CustomerChoice-Bot ul li:hover span img {
	transform: scale(1.03);
}

.CustomerChoice-Bot ul li:hover p {
	background-color: #043985;
	color: #fff;
}

.CustomerChoice-Bot ul li p {
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	padding: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.CustomerChoice-Top {
	background-color: #fff;
	padding: 25px 40px;
	margin-top: 60px;
}

.CustomerChoiceSuozi {
	padding-top: 20px;
}

.CustomerChoiceSuozi ul li {
	float: left;
	font-size: 16px;
	color: #333;
	text-align: right;
	border-left: 1px #999 dotted;
	padding-left: 45px;
	margin-left: 45px;
}

.CustomerChoiceSuozi ul li:first-child {
	padding-left: 0;
	margin-left: 0;
	border: none;
}

.CustomerChoiceSuozi ul li span {
	color: #043985;
	font-size: 48px;
	display: block;
	font-family: "icomoont";
}

.CustomerChoiceGongGo {
	width: 580px;
	border-left: 1px #dedede dotted;
	padding-left: 45px;
	height: 121px;
	overflow: hidden;
}

.CustomerChoiceGongGo ul {
	position: relative;
}

.CustomerChoiceGongGo ul li {
	margin-top: 15px;
	overflow: hidden;
}

.CustomerChoiceGongGo ul li:first-child {
	margin-top: 0;
}

.CustomerChoiceGongGo ul li em {
	font-size: 16px;
	color: #333;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}

.CustomerChoiceGongGo ul li span {
	font-size: 16px;
	color: #333;
	float: right;
}

.CustomerChoiceGongGo ul li:hover em {
	color: #043985;
}

.CustomerChoice-list{
	margin-top: 30px;
}
.CustomerChoice-list li{
	float: left;
	width: 285px;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: all 0.5s;
}
.CustomerChoice-list .on{
	margin-right: 0;
}
.CustomerChoice-list li img{
	width: 100%;
	margin-bottom: 5px;
}
.CustomerChoice-list li p{
	text-align: center;
}
.CustomerChoice-list li:hover{
	transform: scale(1.03);
	box-shadow: 0,0,5px #333;
}


.News {
	background-color: #f1f1f1;
	padding: 70px 0 30px;
}

.NewsTop {
	text-align: center;
	margin: 30px 0 40px;
}

.NewsTop ul li {
	font-size: 14px;
	border: 1px #dedede solid;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	display: inline-block;
	padding: 0 45px;
	margin: 0 5px;
}

.NewsTop ul li.cur,.NewsTop ul li:hover{
	background-color: #043985;
	border: 1px #043985 solid;
}

.NewsTop ul li.cur a ,.NewsTop ul li:hover a{
	color: #fff;
}

.NewsTop ul li a {
	color: #333;
	display: block;
}


.NewsBot ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.NewsBot ul li {
	width: 330px;
	height: 160px;
	margin-bottom: 30px;
	background-color: #fff;
	padding: 25px 25px 35px;
}

.NewsBot ul li h3 {
	font-weight: normal;
	font-size: 18px;
	color: #090909;
	margin-bottom: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.NewsBot ul li p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	margin-top: 5px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.NewsBot ul li b {
	font-weight: normal;
	color: #043985;
	font-size: 12px;
	margin-top: 25px;
	display: block;
	font-family: "Arial";
}

.NewsBot ul li:hover h3 {
	color: #043985;
}

.NewsBot ul li:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}


.news_bg{width:680px; float:left;}

.dh_bg_3{height:48px; border:1px solid #ddd;}
.dh_bg_3 .h1{float:left; line-height:48px; font-size:16px; width:100px; color:#FFF;}
.dh_bg_3 .h1 a{color: #000; text-decoration: none; font-size:16px; font-weight:normal; width:100px; text-align:center; display:block; line-height:48px;}
.dh_bg_3 .h1 a:hover{color: #fff; text-decoration: none; font-size:16px;}
.dh_bg_3 .h1 .cur,.dh_bg_3 .h1 a:hover{ color:#fff; background:#0366aa;}

.dh_bg_3 .h2{float:right; line-height:48px; border-left:1px solid #ddd; width:80px; text-align:center; font-size:14px; text-transform:uppercase;}
.dh_bg_3 .h2 a{color: #000; text-decoration: none; font-size:14px; font-weight:normal; width:80px; text-align:center; display:block; line-height:48px; text-transform:uppercase;}
.dh_bg_3 .h2 a:hover{color: #fff; text-decoration: none; font-size:14px; background:#0366aa;}

#news_t{width:680px; margin:0 auto; margin-bottom:5px; margin-top:20px;}
#news_t li{float:left;}
#news_t .n1{width:302px;}
#news_t .n2{width:370px; line-height:29px; color:#888;}
#news_t .n2 a{color: #888; text-decoration: none;}
#news_t .n2 a:hover{color: #0366aa; text-decoration: none;}
#news_t .n2 h3{font-size: 16px;}

#news_b{width:680px; margin:0 auto;  line-height:41px; height:205px;}
#news_b li{float:left; padding-left:10px; width:330px;}
#news_b li h6{float:left; font-size:12px; line-height:41px; font-weight:normal;}
#news_b li span{float:right; line-height:41px; font-size:12px; font-weight:normal; text-align:right; width:85px;}
#news_b li h6 a:hover{
	color: #0366aa;
	text-decoration: underline;
}

.question_bg{width:470px; float:right;}

.picMarquee-top{
	padding: 10px;
	height: 380px;
	overflow: hidden;
}
.picMarquee-top li{
	padding-bottom: 15px;
}
.picMarquee-top li .w{
	margin-bottom: 10px;
}
.picMarquee-top li a{
	color: #666;
}
.picMarquee-top li a:hover{
	color: #0366aa;
	text-decoration: underline;
}
.wen{display: inline-block; width:18px; height:18px; background:#000; line-height:18px; color:#fff; text-align:center; font-size:12px;}
.da{display: inline-block; width:18px; height:18px; background:#0366aa; line-height:18px; color:#fff; text-align:center; font-size:12px;}


.clear{
	clear: both;
}


.Product {
	padding: 55px 0 70px;
	overflow: hidden;
}

.ProductCon {
	margin-top: 60px;
}

.ProductLeft {
	width: 270px;
	border: 1px #dedede solid;
}

.ProductLeft h3 {
	font-weight: normal;
	color: #fff;
	background-color: #043985;
	padding: 40px;
}

.ProductLeft h3 a {
	color: #fff;
}

.ProductLeft h3 em {
	display: block;
	font-size: 18px;
	margin-top: 5px;
}

.ProductLeft dl dt {
	height: 66px;
	line-height: 66px;
	border-top: 1px #dedede solid;
	font-size: 16px;
	font-weight: bold;
	padding: 0 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ProductLeft dl dt a {
	color: #043985;
	display: block;
}

.ProductLeft dl dt:hover {
	background-color: #043985;
}

.ProductLeft dl dt:hover a {
	color: #fff;
}

.ProductLeft dl dd {
	padding: 25px 40px;
}

.ProductLeft dl dd a {
	font-size: 16px;
	color: #333;
	display: block;
	background: url(../img/Index/ProductIcon.png) no-repeat center left;
	padding-left: 15px;
	margin-top: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ProductLeft dl dd a:first-child {
	margin-top: 0;
}

.ProductLeft dl dd a:hover {
	color: #043985;
	font-weight: bold;
	background: url(../img/Index/ProductIcon04.png) no-repeat center left;
}

/*左边联系*/
.ProductLeft .box2 {
	margin-top: 1px;
	background: #fff;
	border-top: 1px solid #ddd;
}

.ProductLeft .box2 .phone {
	background: url(../img/Index/proListClassify_phone.png) no-repeat 32px center;
	padding-left: 86px;
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}

.ProductLeft .box2 .phone span {
	display: block;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
}

.ProductLeft .box2 .phone p {
	font-size: 24px;
	color: #043985;
	font-family: arial;
}

.ProductLeft .intro {
	padding: 24px 15px;
}

.ProductLeft .intro p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 8px;
	line-height: 20px;
}

.ProductRight {
	width: 900px;
}

.ProductTop {
	border: 1px #dedede solid;
	margin-bottom: 20px;
}

.ProductTop a.ProductImg {
	width: 403px;
	height: 340px;
	display: block;
	background-color: #fff;
	overflow: hidden;
}

.ProductTop a.ProductImg img {
	width: 350px;
	height: 280px;
	display: block;
	margin: 20px auto;
	transition: .8s;
}

.ProductTop:hover a.ProductImg img {
	transform: scale(1.03);
}

.ProductTop dl {
	width: 384px;
	border-left: 1px #dedede solid;
	padding: 40px;
	height: 260px;
}

.ProductTop dl dt h3 {
	font-weight: normal;
	font-size: 24px;
}

.ProductTop dl dt h3 a {
	color: #333;
}

.ProductTop dl dt p {
	font-size: 16px;
	color: #666;
	line-height: 25px;
	margin-top: 20px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 150px;
}

.ProductTop dl dd {
	margin-top: 20px;
	overflow: hidden;
}

.ProductTop dl dd a {
	width: 140px;
	height: 40px;
	background-color: #043985;
	color: #fff;
	border-radius: 50px;
	line-height: 40px;
	font-size: 14px;
	display: block;
	text-align: center;
	margin-left: 10px;
	float: left;
}
.ProductTop dl dd a:hover{
	background-color: #520694;
}

.ProductTop dl dd a.a2 {
	background-color: #cda142;
}
.ProductTop dl dd a.a2:hover{
	background-color: #f22;
}

.ProductTop dl dd a:first-child {
	margin-left: 0;
}

.ProductTop:hover dl dt h3 a {
	color: #043985;
}

.ProductTop dl dd a i {
	width: 28px;
	height: 22px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../img/Index/ProductIcon02.png) no-repeat center center;
}

.ProductTop dl dd a.a2 i {
	background: url(../img/Index/ProductIcon03.png) no-repeat center center;
}

.ProductBot ul {
	
}

.ProductBot ul li {
	position: relative;
	float: left;
	border: 1px #dedede solid;
	width: 280px;
	height: 300px;
	margin-right: 27px;
	margin-bottom: 27px;
}

.ProductBot ul .on{
	margin-right: 0;
}

.ProductBot ul li span {
	width: 280px;
	height: 240px;
	display: block;
	overflow: hidden;
}

.ProductBot ul li span img {
	width: 280px;
	display: block;
	transition: .8s;
}

.ProductBot ul li:hover span img {
	transform: scale(1.03);
}

.ProductBot ul li p {
	text-align: center;
	height: 58px;
	line-height: 58px;
	font-size: 14px;
	color: #666;
	border-top: 1px #f1f1f1 solid;
}

.ProductBot ul li:hover p {
	background-color: #043985;
	color: #fff;
	border-top: 1px #043985 solid;
}

.ProductBot ul li i {
	width: 280px;
	height: calc(100% - 58px);
	display: block;
	background: url(../img/Index/ProductBox.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ProductBot ul li:hover i {
	display: block;
}




.Protection {
	background: url(../img/Index/ProtectionBg.jpg) center center;
	padding: 60px 0 80px;
}

.ProtectionCon {
	margin-top: 60px;
}

.ProtectionCon ul li {
	float: left;
	width: 350px;
	margin-left: 75px;
	background-color: #fff;
	text-align: center;
}

.ProtectionCon ul li:first-child {
	margin-left: 0;
}

.ProtectionCon ul li span {
	width: 350px;
	height: 213px;
	display: block;
	overflow: hidden;
}

.ProtectionCon ul li span img {
	width: 350px;
	height: 213px;
	display: block;
	transition: .8s;
}

.ProtectionCon ul li:hover span img {
	transform: scale(1.03);
}

.ProtectionCon ul li h4 {
	font-size: 24px;
	color: #333;
	padding-top: 30px;
}

.ProtectionCon ul li p {
	font-size: 18px;
	color: #666;
	margin-top: 5px;
}

.ProtectionCon ul li i {
	display: block;
	padding: 5px 0 15px;
}

.ProtectionCon ul li i img {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	vertical-align: middle;
	transition: all 0.5s;
	position: relative;
}

.ProtectionCon ul li:hover i img {
	transform: rotateY(180deg);
	position: relative;
}

.ProtectionCon ul li i b {
	width: 45px;
	height: 1px;
	background-color: #dedede;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.ProtectionCon ul li:hover p {
	color: #043985;
}

.ProtectionCon ul li:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.IndexService {
	padding: 70px 0;
	background: url(../img/Index/IndexServiceBg.jpg) center center;
}

.IndexServiceCon {
	margin-top: 40px;
}

.IndexServiceCon ul li {
	float: left;
	background-color: #fff;
	width: 220px;
	padding: 60px 80px;
	text-align: center;
	margin-left: 30px;
	transition: .8s;
	top: 0;
}

.IndexServiceCon ul li:first-child {
	margin-left: 0;
}

.IndexServiceCon ul li h3 {
	font-size: 24px;
	color: #043985;
	font-weight: normal;
}

.IndexServiceCon ul li p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}

.IndexServiceCon ul li span {
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 40px auto 0;
}

.IndexServiceCon ul li span img {
	width: 50px;
	height: 100px;
	display: block;
	position: relative;
	transition: all 0.5s;
}

.IndexServiceCon ul li:hover span img {
	position: relative;
	top: -50px;
	transform: rotateY(360deg);
}

.IndexServiceCon ul li:hover {
	position: relative;
	top: -10px;
}


.SearchFor {
	height: 90px;
	line-height: 90px;
}

.SearchFor .keyword {
	font-size: 14px;
	color: #666;
	height: 90px;
	width: 770px;
}

.SearchFor .keyword span {
	float: left;
	height: 90px;
	line-height: 90px;
	color: #043985;
	font-weight: bold;
}

.SearchFor .keyword p {
	float: left;
	height: 90px;
	line-height: 90px;
}

.SearchFor .keyword p a {
	float: left;
	height: 90px;
	line-height: 90px;
	color: #666;
	font-size: 14px;
	padding: 0 10px;
	display: block;
	max-width: 7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.SearchFor .keyword p a:hover {
	color: #2239a3;
}

.SearchFor .keyword a:first-child {
	padding-left: 0;
	border-left: none;
}

.SearchFor form {
	margin-top: 27px;
}

.SearchFor .inp {
	width: 390px;
	height: 35px;
	overflow: hidden;
	border: 1px solid #dedede;
	border-radius: 3px;
	padding: 0 10px 0 15px;
	border-radius: 50px;
}

.SearchFor .inp input {
	float: left;
	border: none;
	height: 35px;
	line-height: 35px;
	width: 350px;
	font-size: 14px;
	color: #999;
	background: none;
	outline: none;
}

.SearchFor .inp button {
	display: block;
	float: right;
	height: 35px;
	cursor: pointer;
	background: no-repeat;
	border: none;
	outline: none;
}

.SearchFor .inp button i {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/Index/SearchIcon.png) no-repeat right center;
}


.IndexIcon {
	box-shadow: 0 0 50px rgba(0, 0, 0, .1);
	padding: 55px 0;
	/* overflow: hidden; */
}

.IndexIcon ul li {
	width: 240px;
	text-align: center;
	float: left;
	background: url(../img/Index/Icon06.png) no-repeat center left;
	position: relative;
}

.IndexIcon ul li:first-child {
	background: none;
}

.IndexIcon ul li b {
	font-size: 24px;
	color: #333;
}

.IndexIcon ul li p {
	color: #333;
	font-size: 18px;
	margin-top: 10px;
}

.IndexIcon ul li img {
	width: 50px;
	height: 50px;
	display: block;
	margin: 15px auto 0;
	position: relative;
	transition: all 0.5s;
}

.IndexIcon ul li i {
	width: 89px;
	height: 5px;
	display: block;
	background-color: #043985;
	position: absolute;
	left: 50%;
	bottom: -60px;
	margin-left: -44.5px;
	display: none;
}

.IndexIcon ul li.cur i {
	display: block;
}

.IndexIcon ul li.cur b {
	color: #043985;
}

.IndexIcon ul li:hover img {
	transform: rotateY(180deg);
	position: relative;
}


.DirectSupply {
	padding-top: 70px;
	overflow: hidden;
}

.DirectSupplyTop {
	margin-top: 40px;
	position: relative;
}

.DirectSupplyTop span {
	width: 1200px;
	display: block;
	height: 547px;
	overflow: hidden;
}

.DirectSupplyTop span img {
	width: 1200px;
	display: block;
	height: 547px;
	transition: .8s;
}

.DirectSupplyTop:hover span img {
	transform: scale(1.03);
}

.DirectSupplyTop a {
	padding: 10px;
	width: 105px;
	height: 105px;
	display: block;
	transition: all 1s;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -52.5px;
	margin-top: -52.5px;
	z-index: 9;
}

.DirectSupplyTop a:hover {
	background: rgba(0, 0, 0, 0.3);
}

.DirectSupplyNav {
	height: 90px;
	line-height: 90px;
	position: relative;
	z-index: 9;
}

.DirectSupplyNav ul li {
	font-size: 24px;
	float: left;
	margin-right: 30px;
}

.DirectSupplyNav ul li a {
	color: #333;
}

.DirectSupplyNav ul li.cur {
	background: url(../img/Index/DirectSupplyNav.png) no-repeat center bottom;
}

.DirectSupplyNav ul li.cur a {
	color: #043985;
}

.DirectSupplyBox {
	background-color: #f1f1f1;
	padding: 45px 0;
	position: relative;
	top: -4px;
	z-index: 1;
}

.DirectSupplyCon {
	position: relative;
	overflow: hidden;
}

.DirectSupplyCon ul {
	position: relative;
}

.DirectSupplyCon ul li {
	float: left;
	width: 290px;
	margin-left: 13px;
	text-align: center;
}

.DirectSupplyCon ul li:first-child {
	margin-left: 0;
}

.DirectSupplyCon ul li span {
	width: 286px;
	height: 190px;
	display: block;
	overflow: hidden;
	border: 2px #f1f1f1 solid;
}

.DirectSupplyCon ul li span img {
	width: 286px;
	height: 190px;
	display: block;
	transition: .8s;
}

.DirectSupplyCon ul li:hover span img {
	transform: scale(1.03);
}

.DirectSupplyCon ul li p {
	margin-top: 15px;
	font-size: 18px;
	color: #333;
}

.DirectSupplyCon ul li:hover p {
	color: #043985;
	font-weight: bold;
}

.DirectSupplyCon ul li:hover span {
	border: 2px #043985 solid;
}

.DirectSupplyBox .container {
	position: relative;
}

.DirectSupplyBox .container i {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 80px;
}

.DirectSupplyBox .container i img {
	display: block;
	width: 30px;
	height: 60px;
	position: relative;
}

.DirectSupplyBox .container i:hover img {
	position: relative;
	top: -30px;
}

.DirectSupplyBox .container i.prev {
	left: -50px;
}

.DirectSupplyBox .container i.next {
	right: -50px;
}





.Advantage {
	background-color: #043985;
	padding: 155px 0 70px;
	position: relative;
	margin-top: 100px;
}

.Advantage .container02 {
	position: relative;
	z-index: 9;
}

.AdvantageCon {
	margin-top: 40px;
	overflow: hidden;
}

.AdvantageCon dl {
	float: left;
	width: 300px;
}

.AdvantageCon dl dt {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

.AdvantageCon dl dt img {
	display: block;
	width: 300px;
	height: 250px;
	transition: .8s;
}

.AdvantageCon dl:hover dt img {
	transform: scale(1.03);
}

.AdvantageCon dl dd {
	background-color: #fff;
	width: 220px;
	height: 170px;
	padding: 40px;
	position: relative;
}

.AdvantageCon dl dd h3 {
	font-weight: normal;
	color: #043985;
	font-size: 21px;
	line-height: 32px;
}

.AdvantageCon dl dd p {
	font-size: 16px;
	color: #666;
	line-height: 25px;
	margin-top: 20px;
}

.AdvantageCon dl:hover dd h3 {
	font-weight: bold;
}

.AdvantageCon dl dd i {
	width: 17px;
	height: 10px;
	display: block;
	background: url(../img/Index/sjx02.png) no-repeat center center;
	position: absolute;
	left: 50%;
	margin-left: -8.5px;
	top: -10px;
	z-index: 9;
}

.AdvantageCon dl.dl02 dd i {
	background: url(../img/Index/sjx.png) no-repeat center center;
	bottom: -10px;
	top: auto;
}

.AdvantageCon dl.dl04 dd i {
	background: url(../img/Index/sjx.png) no-repeat center center;
	bottom: -10px;
	top: auto;
}

.Advantage span.Img {
	width: 459px;
	height: 265px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -229.5px;
	top: 110px;
	z-index: 1;
}

.Advantage span.Img img {
	width: 459px;
	height: 265px;
	display: block;
	webkit-animation: fadeIn 2s infinite linear;
	animation: fadeIn 2s infinite linear;
}


.CustomFan {
	background-color: #fff;
	padding: 40px 40px 40px 240px;
	position: relative;
}

.CustomFan dl dt h3 {
	color: #333;
	font-size: 24px;
	font-weight: normal;
	font-family: "icomoont";
}

.CustomFan dl dt h3 b {
	color: #043985;
	font-size: 36px;
}

.CustomFan dl dt h3 em {
	font-weight: bold;
	font-size: 34px;
	margin: 0 5px;
}

.CustomFan dl dt p {
	font-size: 24px;
	color: #666;
	margin-top: 5px;
}

.CustomFan dl dt i {
	font-size: 12px;
	color: #999;
	margin-top: 20px;
	display: block;
}

.CustomFan dl dd {
	overflow: hidden;
	position: relative;
	top: 30px;
}

.CustomFan dl dd a {
	width: 155px;
	height: 50px;
	background-color: #043985;
	border-radius: 50px;
	text-align: center;
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	float: left;
	margin-left: 10px;
}

.CustomFan dl dd a:first-child {
	margin-left: 0;
}

.CustomFan dl dd a i {
	background: url(../img/Index/CustomFanIcon01.png) no-repeat center center;
	width: 18px;
	height: 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 10px;
}

.CustomFan dl dd a.a2 {
	background-color: #cda142;
}

.CustomFan dl dd a.a2 i {
	background: url(../img/Index/CustomFanIcon02.png) no-repeat center center;
	width: 22px;
	height: 19px;
}

.CustomFan span {
	width: 339px;
	height: 317px;
	display: block;
	position: absolute;
	left: -100px;
	top: -45px;
}

.CustomFan span img {
	width: 339px;
	height: 317px;
	display: block;
}

.CustomFanBox {
	position: absolute;
	top: -92px;
	left: 50%;
	margin-left: -600px;
}



.ProcessCon {
	margin-top: 80px;
	position: relative;
}

.ProcessCon ul li {
	float: left;
	position: relative;
	text-align: center;
	margin-left: 116px;
	z-index: 9;
}

.ProcessCon ul li:first-child {
	margin-left: 0;
}

.ProcessCon ul li p {
	font-size: 14px;
	color: #262626;
	text-transform: uppercase;
}

.ProcessCon ul li h3 {
	font-size: 22px;
	font-weight: normal;
	color: #262626;
	margin-top: 5px;
}

.ProcessCon ul li.cur {
	top: -20px;
}

.ProcessCon ul li.cur h3 {
	color: #043985;
}

.ProcessCon ul li.cur p {
	color: #043985;
}

.ProcessCon ul li.cur span {
	width: 110px;
	height: 110px;
	display: block;
	border: 5px #043985 solid;
}

.ProcessCon ul li span {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	border: 5px #dedede solid;
	margin: 20px auto 0;
}

.ProcessCon ul li span img {
	display: block;
	width: 100%;
	height: 100%;
}

.ProcessCon h1 {
	height: 1px;
	background-color: #dedede;
	position: absolute;
	left: 10px;
	top: 120px;
	width: 1180px;
	z-index: 1;
}





.Concern {
	background: url(../img/Index/ProtectionBg.jpg) center center;
	height: 775px;
	padding-top: 60px;
	overflow: hidden;
}

.ConcernCon {
	margin-top: 160px;
	position: relative;
}

.ConcernCon ul {
	width: 50%;
}

.ConcernCon ul li {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	border-top: 1px #dedede solid;
	padding-top: 30px;
	margin-top: 30px;
	position: relative;
	padding-left: 30px;
}

.ConcernCon ul li:first-child {
	padding-top: 0;
	border-top: none;
	padding-top: 0;
}

.ConcernCon ul li:first-child i {
	top: 22px;
}

.ConcernCon ul li i {
	background: url(../img/Index/ProductIcon04.png) no-repeat center center;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 50px;
}

.ConcernCon ul.ul02 {
	text-align: right;
}

.ConcernCon ul.ul02 li {
	padding-right: 30px;
}

.ConcernCon ul.ul02 li i {
	right: 0;
	left: auto;
}

.ConcernCon span {
	width: 524px;
	height: 653px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -262px;
	top: -100px;
}

.ConcernCon span img {
	width: 524px;
	height: 653px;
	display: block;
}

.Link {
	background-color: #f1f1f1;
	padding-bottom: 60px;
}

.Link .container {
	background-color: #fff;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	width: 1140px;
}

.Link a.LinkBox {
	background: url(../img/Index/LinkIcon.png) no-repeat center left;
	padding-left: 30px;
	font-size: 24px;
	color: #333;
	border-right: 1px #dedede solid;
	padding-right: 10px;
	margin-right: 10px;
	font-family: "icomoont";
}

.Link p a {
	color: #333;
	font-size: 14px;
	margin: 0 15px;
}

.Link p a:hover {
	color: #043985;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


@font-face {
	font-family: 'icomoont';
	src: url('../font/AGENCYR.TTF');
}

.about {
	overflow: hidden;
	width: 100%;
	background-color: #fafafa;
	padding: 85px 0 80px;
}

.about dl {
	overflow: hidden
}

.about dt {
	float: left;
	border: 5px solid #fff;
}

.about dd {
	float: right;
	width: 600px;
	padding: 0 30px;
	margin-top: 5px;
	;
}

.about dd h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 22px;
}

.about dd h3 a {
	color: #4e4e4e;
}

.about dd p {
	line-height: 26px;
	font-size: 14px;
	color: #4e4e4e;
	margin: 20px 0 45px;
}

.about .about_a a {
	display: block;
	float: left;
	margin-right: 15px;
}

.about .about_a a img {
	display: block;
}

.about .Title {
	margin-bottom: 50px;
}


/*荣誉*/
.R_y {
	overflow: hidden;
	width: 100%;
	margin-bottom: 50px;
	background-color: #fafafa;
}

.R_y .ryNav {
	text-align: center;
	border: 2px solid #072fa8;
	width: 318px;
	margin: 0 auto;
	height: 46px;
}

.R_y .ryNav li {
	float: left;
	width: 159px;
	height: 46px;
	font-size: 20px;
	color: #333;
	background-color: #fff;
	line-height: 46px;
	position: relative
}

.R_y .ryNav li i {
	position: absolute;
	top: 48px;
	left: 50%;
	margin-left: -8px;
	background: url("../img/Index/ry_xjx.png") no-repeat center;
	width: 16px;
	height: 7px;
	display: none;
}

.R_y .ryNav li a {
	color: #333;
	text-decoration: none
}

.R_y .ryNav li:hover,
.R_y .ryNav li.cur {
	background-color: #072fa8;
}

.R_y .ryNav li:hover i,
.R_y .ryNav li.cur i {
	display: block
}

.R_y .ryNav li:hover a,
.R_y .ryNav li.cur a {
	color: #fff
}

.R_y .ryBox {
	overflow: hidden;
	width: 1200px;
	height: 275px;
	position: relative;
}

.R_y .ryList {
	position: absolute;
	left: 0;
	top: 0;
	width: 2200px;
}

.R_y .ryList li {
	width: 290px;
	float: left;
	margin-right: 10px;
}

.R_y .ryList li img {
	display: block;
	width: 100%;
}

.R_y .ryList li span {
	text-align: center;
	display: block;
	font-size: 13px;
	color: #4e4e4e;
	margin-top: 15px;
}

.R_y .ryList li:hover img {
	opacity: .85;
}

.R_y .ryCon {
	overflow: hidden;
	width: 100%;
	height: 275px;
	margin: 45px 0;
	position: relative
}

.R_y .ryHz {
	position: absolute;
	top: 0;
	left: 0;
	display: none
}